<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>金贵银业</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/app.css" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/zhaojinyin_index.css" />
    <link href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/mui.min.js"></script>
    <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/jquery-1.8.0.js"></script>
    <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/jquery-1.8.0.min.js"></script>
    <style>
        .mui-table-view li:after {
            background-color: #FFFFFF !important;
        }

        .mui-table-view:after {
            background-color: #efeff4 !important;
        }

        .mui-input-group:after {
            background-color: #FFFFFF !important;
        }
    </style>
    <script type="text/javascript" charset="utf-8">
        mui.init({
            swipeBack: true //启用右滑关闭功能
        });
        (function($, doc) {
            $.plusReady(function() {
                //性别
                doc.getElementById("xingbie").addEventListener('tap', function() {
                    $.openWindow({
                        url: 'huiyuanzhongxin_xinbie.html'
                    });
                }, false);
                //xiugaimima
                doc.getElementById("xiugaimima").addEventListener('tap', function() {
                    $.openWindow({
                        url: 'huiyuanzhongxin_xiugaimima.html'
                    });
                }, false);
                //收货地址
                doc.getElementById("address").addEventListener('tap', function() {
                    $.openWindow({
                        url: 'huiyuanzhongxin_address.html'
                    });
                }, false);
                //NAME
                doc.getElementById("name").addEventListener('tap', function() {
                    $.openWindow({
                        url: 'huiyuanzhongxin_bianjiname.html'
                    });
                }, false);
                //EM
                doc.getElementById("bianjiEM").addEventListener('tap', function() {
                    $.openWindow({
                        url: 'huiyuanzhongxin_bianjiEM.html'
                    });
                }, false);
            });
        }(mui, document));
    </script>
</head>

<body style="padding-bottom: 150px;">

<div class="mui-bar" style="height: 45px;top: 0;">
    <a class="mui-icon mui-icon-left-nav"  href="/mobile/index.php?act=member_index&op=member_index"></a>
    <!--
        时间：2016-03-24
        描述：右边按钮
    -->
    <h1 class="mui-title">修改资料</h1>

</div>

<div class="mui-content" style="margin-top: 39px;">

    <form class="mui-input-group ">
        <ul class="mui-table-view color_hei">
            <div style="height: 9px; background: #efeff4;"></div>
            <li class="mui-table-view-cell footer-left" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="genghuantouxiang" style="line-height: 60px;color: #333333 !important;" class="mui-navigate-right font_sz_14" href="/mobile/index.php?act=member_index&op=member_avatar">
                    头像<label id="touxiang" style="float: right;margin-right: 18px;color: #999;background:url(<?php if($output['member_show']){echo '/data/upload/shop/avatar/'.$output['member_show'];}else{echo '/data/upload/shop/common/default_user_portrait.gif';};?>) no-repeat center; background-size: 70px 70px; height: 70px; width: 70px; border-radius: 50px;"></label>
                </a>
            </li>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="name" class="mui-navigate-right font_sz_14" style="color: #333333 !important;" href="/mobile/index.php?act=member_index&op=member_name">
                    昵称<label style="float: right;margin-right: 18px;color: #999;"><?php  echo $output['member_name'] ?></label>
                </a>
            </li>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="bianjiEM" class="mui-navigate-right font_sz_14" style="color: #333333 !important;" href="/mobile/index.php?act=member_index&op=member_email">
                    邮箱<label style="float: right;margin-right: 18px;color: #999;">未设置</label>
                </a>
            </li>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="xingbie" class="mui-navigate-right font_sz_14" style="color: #333333 !important;" href="/mobile/index.php?act=member_index&op=member_sex">
                    性别<label style="float: right;margin-right: 18px;color: #999;">
                        <?php
                                switch ($output['member_sex']){
                                    case 1:
                                         echo '男';
                                        break;
                                    case 2:
                                        echo '女';
                                        break;
                                    case 3:
                                        echo '保密';
                                        break;
                                    default:
                                        echo '未设置';
                                }
                        ?>

                    </label>
                </a>
            </li>
            <div style="height: 15px; background: #efeff4;"></div>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="address" class="mui-navigate-right font_sz_14" style="color: #333333 !important;" href="/mobile/index.php?act=member_index&op=member_address">
                    我的收货地址<label style="float: right;margin-right: 18px;color: #999;"></label>
                </a>
            </li>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a id="xiugaimima" class="mui-navigate-right font_sz_14" style="color: #333333 !important;" href="/mobile/index.php?act=member_index&op=member_password">
                    修改密码<label style="float: right;margin-right: 18px;color: #999;"></label>
                </a>
            </li>
            <li class="mui-table-view-cell" style="border-bottom: 1px solid #efeff4 !important;">
                <a  href="index.php?act=login&op=logout"  id="shouhuodizhi" class="font_sz_14" style="color: #333333 !important;">
                    退出当前账号
                </a>
            </li>
        </ul>
    </form>

    <link href="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/css/mui.imageviewer.css" rel="stylesheet" />
    <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/mui.imageViewer.js"></script>
    <script src="<?php echo MOBILE_RESOURCE_SITE_URL; ?>/js/arttmpl.js"></script>

    <script type="text/javascript" charset="utf-8">
        (function($, doc) {
            var MIN_SOUND_TIME = 800;
            $.init({
                gestureConfig: {
                    tap: true, //默认为true
                    doubletap: true, //默认为false
                    longtap: true, //默认为false
                    swipe: true, //默认为true
                    drag: true, //默认为true
                    hold: true, //默认为false，不监听
                    release: true //默认为false，不监听
                }
            });
            //$.plusReady=function(fn){fn();};
            $.plusReady(function() {
                plus.webview.currentWebview().setStyle({
                    softinputMode: "adjustResize"
                });
                doc.querySelector('.footer-left').addEventListener('tap', function(event) {
                    var btnArray = [{
                        title: "拍照"
                    }, {
                        title: "从相册选择"
                    }];
                    plus.nativeUI.actionSheet({
                        title: "选择照片",
                        cancel: "取消",
                        buttons: btnArray
                    }, function(e) {
                        var index = e.index;
                        switch (index) {
                            case 0:
                                break;
                            case 1:
                                var cmr = plus.camera.getCamera();
                                cmr.captureImage(function(path) {
                                    alert(path);
                                    send({
                                        sender: 'self',
                                        type: 'image',
                                        content: "file://" + plus.io.convertLocalFileSystemURL(path)
                                    });
                                    alert(path);
                                    doc.querySelector('#touxiang').style.background = path;
                                }, function(err) {});
                                break;
                            case 2:
                                plus.gallery.pick(function(path) {
                                    alert(path)
                                    send({
                                        sender: 'self',
                                        type: 'image',
                                        content: path
                                    });
                                    doc.querySelector('#touxiang1').src = path;
                                }, function(err) {}, null);
                                break;
                        }
                    });
                }, false);
            });
        }(mui, document));
    </script>
</div>

</body>

</html>